<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
        <h1>欢迎</h1>
        <br/>
        <!--
            完整路径： http://localhost:8089/mywebapp/index.html

               绝对路径：  以/开头的路径。
                                /在Html页面中被翻译为 http://localhost:8089/
                                /在java代码中，翻译为 http://localhost:8089/mywebapp/因为java代码知道项目名
                            /abc  解析 http://localhost:8089/abc 会直接404,因为没有项目名

                             /mywebapp/abc 解析 http://localhost:8089/mywebapp/abc

               相对路径：  不以/开头的路径,相对的是当前页面的父路径
                            abc  解析  http://localhost:8089/mywebapp/abc

                强制要求使用绝对路径

        -->
        <!--a:超链接标签 href:当点了这个链接后会发送请求-->
        <!--如果使用/,html回去找-->
        <a href="/mywebapp/abc">点击发送hello请求</a><br/>
        <!--get请求: 将请求参数附加在url的后面,多个参数使用&间隔
                    使用参数名=参数值的格式

                    <a>和浏览器直接输入url,默认只能发送get

             post请求: 将请求参数附加在请求体中,url是看不到的-->
        <!--①使用<a>发送get请求-->
        <a href="/mywebapp/testGetParam?name=jack&age=20">点击发送get请求携带参数</a><br/>
        <!--②使用表单发送post请求-->
        <!--action: 表单提交的url
               method: 请求方式
               input: 一个输入框
                    name: 输入框数据的属性名
                    value: 不写则默认给输入框一个默认值
                    type:输入框类型,默认text
                        submit: 提交按钮-->
        <form action="/mywebapp/emp" method="post">
            <!--因为是一个radio,所以name都应该相同-->
            <input name="op" value="select" type="radio">查询
            <input name="op" value="delete" type="radio">删除
            <input name="op" value="update" type="radio">更新
            <input name="op" value="insert" type="radio">插入<br/>
            <input name="id" value="1"><br/>
            <input name="lastName" value="jack"><br/>
            <input name="gender" value="male"><br/>
            <input name="email" value="jack@qq.com"><br/>
            <input value="提交按钮" type="submit">
        </form><br/>
        <a href="/mywebapp/getall">查询所有员工</a>
</body>
</html>